
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="language" content="en" />

        <link rel="stylesheet" type="text/css" href="/bdd/css/form.css" />
        <link rel="stylesheet" type="text/css" href="/bdd/css/interaction.css" />
        <link rel="stylesheet" type="text/css" href="/bdd/css/main.css" />
        <link rel="stylesheet" type="text/css" href="/bdd/js/tablesorter/themes/blue/style.css" />

        <link rel="stylesheet" type="text/css" href="css/slideshow.css" />
<link rel="stylesheet" type="text/css" href="/bdd/assets/6f55d924/menu_bdd.css" />
<script type="text/javascript" src="/bdd/assets/d989706e/jquery.min.js"></script>
<script type="text/javascript" src="js/slideshow/AC_RunActiveContent.js"></script>
<script type="text/javascript" src="js/slideshow/mainslideshow.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="/bdd/assets/6f55d924/menu.js"></script>
<title>Biodiversity Data Digitizer - Site</title>

    </head>
    <body class="page">

        <table style="width:900px;height:79px;background-image:url('images/main/header.jpg');background-repeat:no-repeat;background-position:none;" align="center" cellpadding="0" cellpadding="0">
            <tr>
                <td style="width: 70%">
		<a href="intro.html">
                    <img style="border:0px; padding-left:17px;" src="images/main/logo_bdd.png" alt="" />		</a>
                </td>
                <td style="width: 30%;padding-right:10px;" align="right">
                    <br/>
                    <br/>
                                    </td>
            </tr>
        </table>
        <table style="width:900px;background-color:#eeeeee;" align="center"  cellpadding="0" cellspacing="0">
            <tr>
                <td style="vertical-align:top;height:30px;font-family:Verdana, Arial;font-size:11px;text-align:left;padding-right:15px;">
                    <ul id='myMenu' class='menu'>
<li  class=topline><a class="menulink" href="intro.html">Home</a></li>
<li  class=topline><a class="menulink" href="about.html">About</a></li>
<li  class=topline><a class="menulink" href="index.php?r=manual">Manual</a></li>
</ul>
<script type='text/javascript'>
var myMenu=new menu.dd('myMenu',2);
myMenu.init('myMenu','menuhover');
</script>
                    <div style="text-align:right;height:30px;margin:0px;">
                                            </div>
                </td>
            </tr>
        </table>
        <table style="width:900px;background-color:#ffffff;" align="center" cellpadding="0" cellspacing="0">
            <tr>
                <td>
                    <table style="width:95%;margin-top:20px;" align="center" cellspacing="0" cellpadding="0">
    <tr>
        <td colspan="2" style="background-color:#f9f9f9;width:355px;padding:15px;text-align:left;font-size:13px;letter-spacing:0.5px;vertical-align:top">

            <h3 style="margin:0px;margin-bottom: 10px;font-size:15px;">DEMO THE BDD</h3>
            This demo allows you to try out the BDD tool. You may add and delete any specimen, interaction, media, and reference records in the database.
            <p>Note that all data on this demo is fictitious and thus will not be used in the IABIN Portal.</p>
            <p>To login, use the username <b>guest</b> and password <b>guest</b>.</p>
        </td>





        <td rowspan="4" style="width:470px;vertical-align: top;" height="260px">
            <div id="gallery" style="position:relative;top:-5px;left:5px;padding:0px;margin:0px;">
                <a style="opacity: 0;" href="#" class="">
                    <img src="images/main/slideshow/1.jpg" title="" alt="" rel="&lt;h3&gt;Biodiversity Data Digitizer&lt;/h3&gt;This tool was designed for easy digitization, manipulation, and publication of biodiversity data. " height="253" width="460" style="padding: 5px 5px 5px 5px;">
                </a>
                <a class="show" style="opacity: 1;" href="#">
                    <img src="images/main/slideshow/2.jpg" title="" alt="" rel="&lt;h3&gt;Auto-suggestion&lt;/h3&gt;A mechanism for data quality that suggests values based on authoritative databases, such as ITIS and Geonames. " height=253" width="460" style="padding: 5px 5px 5px 5px;">
                </a>
                <a class="" style="opacity: 0;" href="#">
                    <img src="images/main/slideshow/3.jpg" title="" alt="" rel="&lt;h3&gt;Media & References&lt;/h3&gt;BDD offers tools to manage and relate media and reference files with occurrence and interaction records." height="253" width="460" style="padding: 5px 5px 5px 5px;">
                </a>
                <a class="" style="opacity: 0;" href="#">
                    <img src="images/main/slideshow/4.jpg" title="" alt="" rel="&lt;h3&gt;TAPIR Provider&lt;/h3&gt;A TAPIR provider is built into BDD. It publishes records from the database in the standard schemas (Darwin Core, Dublin Core, etc)." height="253" width="460" style="padding: 5px 5px 5px 5px;">
                </a>
                <a style="opacity: 0;" href="#" class="">
                    <img src="images/main/slideshow/5.jpg" title="" alt="" rel="&lt;h3&gt;Interaction Records&lt;/h3&gt;Interaction tool allows one to register the relationship between two occurrence records. " height="253" width="460" style="padding: 5px 5px 5px 5px;">
                </a>
                <a class="" style="opacity: 0;" href="#">
                    <img src="images/main/slideshow/6.jpg" title="" alt="" rel="&lt;h3&gt;Standards&lt;/h3&gt;BDD is based on international metadata standards for biodiversity information, such as Darwin Core (TDWG), Dublin Core and MRTG. " height="253" width="460" style="padding: 5px 5px 5px 5px;">
                </a>
                <a class="" style="opacity: 0;" href="#">
                    <img src="images/main/slideshow/7.jpg" title="" alt="" rel="&lt;h3&gt;Development&lt;/h3&gt;The BDD was an outgrowth of the PDD, which was developed within the scope of the Pollinator Thematic Network (IABIN-PTN)." height="253" width="460" style="padding: 5px 5px 5px 5px;">
                </a>
                <a class="" style="opacity: 0;" href="#">
                    <img src="images/main/slideshow/8.jpg" title="" alt="" rel="&lt;h3&gt;Map views&lt;/h3&gt;BDD has a map tool that plots occurrence records from the database. Filters help you refine your analysis." height="253" width="460" style="padding: 5px 5px 5px 5px;">
                </a>
                <a class="" style="opacity: 0;" href="#">
                    <img src="images/main/slideshow/9.jpg" title="" alt="" rel="&lt;h3&gt;Access tool&lt;/h3&gt;The BDD is a browser-based system that can be accessed remotely, through an external server, or locally, when installed on a personal computer." height="253" width="460" style="padding: 5px 5px 5px 5px;">
                </a>
                <div style="opacity: 0.7; width: 460px; height: 60px; display: block;" class="caption">
                    <div style="opacity: 0.7;" class="content"><h3>Biodiversity Data Digitizer</h3></div>
                </div>
            </div>
        </td>
    </tr>
</table>

<style type="text/css">
    <!--
    .seta {width:40px;text-align:right;padding-right:10px;vertical-align: middle;height:30px;}
    .setaconteudo {width:280px;font-size:13px;letter-spacing:0.5px;vertical-align: middle;}
    -->
</style>

<table style="width:100%;margin-top:30px;margin-bottom:20px;" align="center" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="2" style="height:8px;background-color:#f2f2f2;">
        </td>
    </tr>
    <tr>
        <td style="vertical-align:top;padding-left:20px;">
            <table style="width:100%;margin-top:15px;" align="center">
                <tr>
                    <td style="text-align:center;width:150px;font-size: 11px;vertical-align:middle;"><font color="green"><h3 style="margin:0px;padding:0px;letter-spacing:1px;font-size:14px;">Main features</h3></font></td>
                    <td ><img src="images/main/linha_verde.jpg" alt="" /></td>
                    <td style="text-align:center;width:150px;font-size: 11px;vertical-align:middle;"><font color="green"><h3 style="margin:0px;padding:0px;letter-spacing:1px;font-size:14px;">Data Management</h3></font></td>
                    <td ><img src="images/main/linha_verde.jpg" alt="" /></td>
                </tr>
            </table>
            <table style="width:100%;margin-top:0px;" align="center">
                <tr>
                    <td class="seta"><img src="images/main/seta.png" alt="" /></td><td class="setaconteudo">Manage Collections of Specimen Data</td>
                    <td class="seta"><img src="images/main/seta.png" alt="" /></td><td class="setaconteudo">Create Specimen Occurrence Records</td>
                </tr>
                <tr>
                    <td class="seta"><img src="images/main/seta.png" alt="" /></td><td class="setaconteudo">Ensure Accuracy with Data Quality Tools</td>
                    <td class="seta"><img src="images/main/seta.png" alt="" /></td><td class="setaconteudo">Link References, Media, and Interactions</td>
                </tr>
                <tr>
                    <td class="seta"><img src="images/main/seta.png" alt="" /></td><td class="setaconteudo">View Specimen Locations on a World Map</td>
                    <td class="seta"><img src="images/main/seta.png" alt="" /></td><td class="setaconteudo">Attach Reference and Media Files</td>
                </tr>
                <tr>
                    <td class="seta"><img src="images/main/seta.png" alt="" /></td><td class="setaconteudo">Import and Export Data using Spreadsheets</td>
                    <td class="seta"><img src="images/main/seta.png" alt="" /></td><td class="setaconteudo">Access Data Through the TAPIR Protocol</td>
                </tr>
            </table>
        </td>
        <td rowspan="2" style="width:180px;padding-right:20px;padding-left:20px;">
            <div class="portlet">
<div class="content">
<form action="/bdd/" method="post"><div class="form" style="font-size:11px;padding-left:20px;height:160px;">
        <div>
            <font color="green"><h3 style="margin:0px;margin-top:5px;margin-bottom:10px;font-size:15px;">Login</h3></font>
        </div>
        <div style="margin-bottom:5px;">
            <label style="height:12px;" for="username">Username</label>        </div>
        <div>
            <input style="height:16px;width:130px;" size="11px" id="inbox" name="LoginForm[username]" type="text" value="" />                    </div>
        <div style="margin-bottom:5px;margin-top:5px;">
            <label for="password">Password</label>        </div>
        <div>
            <input style="height:16px;width:130px;" size="10px" id="inbox" name="LoginForm[password]" type="password" value="" />                    </div>
        <div>
                    </div>
        <div>
                    </div>
        <div style="padding-right:10px;padding-top:10px;text-align: right;">
            <input style="height:22px;width:45px;font-size:9px;padding:0px;margin:0px;vertical-align:top;" type="submit" name="yt0" value="Login" />        </div>
</div>
</form></div><!-- content -->
</div><!-- portlet -->        </td>
    </tr>
</table>                </td>
            </tr>
        </table>
        <table style="width:900px;" align="center" cellpadding="0" cellspacing="0">
            <tr>
                <td style="text-align:center;background-color:#dddddd;letter-spacing:0.5px;height:40px;color:gray;font-size:10px;font-family: Verdana;">
                    Developed by LAA - Laborat&oacute;rio de Automa&ccedil;&atilde;o Agr&iacute;cola da Escola Polit&eacute;cnica da USP - Brazil. Powered by <a href="http://www.yiiframework.com/" target="_blank">Yii Framework</a>.                </td>
            </tr>
        </table>

    </body>
</html>

